/* 顶部 */
.header {
  display: flex;
  align-items: center;
	background: #f00;
	text-align: center;
	position: relative;
  z-index: 999;
  justify-content: center;
}

.choice-obj {
	display: flex;
	/* margin-top:5px; */
	flex-wrap: wrap;
	position: absolute;
	margin-left: 25rpx;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-around;
  z-index: 999;
}

.choice-obj1 {
	display: flex;
	color: #ffffff;
	flex-wrap: wrap;
	position: absolute;
	margin-left: 25rpx;
	align-items: center;
	font-size: 26rpx;
	flex-direction: row-reverse;
	justify-content: space-around;
}

.menu-icon {
	width: 100%;
	height: 5rpx;
	background: #fff;
	border-radius: 20rpx;
}

.bkxmName {
  width: 100%;
	color: #fff;
  display: flex;
  align-items: center;
  font-size: 30rpx;
  text-align: center;
  justify-content: center;
}

/* 轮播图 */
.ban_swiperbox {
	margin: 0 auto;
	position: relative;
	z-index: 2;
	width: 750rpx;
	height: 420rpx;
	overflow: hidden;
}

.ban_swiper_modal {
	width: 100%;
	height: 420rpx;
}

.ban_swiper {
	width: 750rpx;
	height: 420rpx;
}
.fzdBanner .ban_swiper_modal {
	width: 100%;
	height: 240rpx;
}
.fzdBanner .ban_swiper {
	width: 700rpx;
	height: 240rpx;
}

.ban_swiper image {
	display: block;
	width: 100%;
	height: 420rpx;
}
.fzdBanner .ban_swiper image {
	display: block;
	width: 100%;
	height: 240rpx;
}

/* 工具专区 */
.navbtns {
	margin: 30rpx;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: - webkit-flex;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.nav_text {
	font-size: 24rpx;
  display: block;
}

.navlis {
	width: 25%;
	align-items: center;
	padding: 15rpx;
	box-sizing: border-box;
}

.navlis image {
	display: block;
	width: 100rpx;
	height: 100rpx;
	margin: 0 auto 15rpx;
	box-shadow: 0 0 16rpx rgba(51, 51, 51, .4);
	border-radius: 50%;
}

/* 切换 */
.show {
	width: 700rpx;
	padding-bottom: 20rpx;
	background: #fff;
	margin: 20rpx auto 0;
}

.show-tab {
	border-bottom: 1rpx solid #f7f7f7;
	height: 90rpx;
	position: relative;
	z-index: 99;
	background: #fff
}

.show-tab.fixed {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	height: 90rpx;
	background: #fff;
	z-index: 999
}

.show-tab .add-tab {
	float: left;
	width: 50%;
	height: 90rpx;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	color: #bdbdbd;
	font-size: 28rpx;
	line-height: 90rpx;
}

.show-tab .add-tabing {
	float: left;
	width: 100%;
	height: 90rpx;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	color: #000;
	font-size: 32rpx;
	line-height: 90rpx;
	font-weight: bold;
}

.add-tabing:before {
	content: '';
	position: absolute;
	display: block;
	width: 40rpx;
	height: 6rpx;
	border-radius: 3rpx;
	left: 50%;
	margin-left: -20rpx;
	bottom: 1rpx;
	background: url(http://hb.offcn.com/zg/wxxcx/ios_r.png) no-repeat;
	background-size: 40rpx;
}

.show-tab view label {
	width: 1px;
	height: 20px;
	background: #ebebeb;
	position: absolute;
	right: 0px;
	top: 10px;
}

.cont-detail {
	width: 100%;
	box-sizing: border-box;
	font: 500 12px/22px "microsoft yahei";
	color: red
}

.tab-show {
	display: block
}

.tab-hide {
	display: none
}

.main-detail {
	width: 100%;
	box-sizing: border-box;
}

.bots {
	text-align: center;
	font-size: 22rpx;
	color: #ccc;
	margin: 20rpx 0 10rpx;
}

.articleitem {
	width: 100%;
	height: auto;
	border-bottom:1rpx solid #f0f0f0;
}
.articletit {
	padding: 10rpx;
	font-size: 26rpx;
	color: #333;
	text-align: left;
	line-height: 40rpx;
	font-weight: bold;
}
.articletit.isHits {
	color: #999;
}
.articlecon {
	height: 34rpx;
	padding: 0 10rpx;
	margin-bottom: 10rpx;
}
.Topping {
	float: left;
	font-size: 24rpx;
	color: #1479d7;
	text-align: left;
	line-height: 34rpx;
}
.txs1 {
	float: left;
	font-size: 24rpx;
	color: #cccccc;
	text-align: left;
	line-height: 34rpx;
}
.txss {
	float: right;
	font-size: 24rpx;
	color: #cccccc;
	text-align: right;
	line-height: 34rpx;
}
.txss.txs0 {
	color: #ffaa71;
}
.txss.txs1 {
	color: #ff6700;
}
.txss.txs2 {
	color: #e60012;
}
.txss.txs3 ,.txss.txs4 {
	color: #cccccc;
}
.climore {
    color: #999;
    text-align: center;
    font-size: 22rpx;
    line-height: 28rpx;
    margin: 0 auto;
    background: #fff;
    position: relative;
    top: -2px;
    padding-top: 30rpx;
}

.climore image {
    width: 20rpx;
    height: 20rpx;
    /* vertical-align: middle; */
    margin-right: 10rpx;
}


.page-section-spacing {
	box-sizing: border-box;
	width: 690rpx;
	margin: 0 auto;
	/* height: 165rpx; */
	/* background: rgba(0, 0, 0, 0.3); */
}
.page-section-spacing>.swiper_w {
	height: 165rpx;
}

.zbits {
	display: flex;
	box-sizing: border-box;
	padding-left: 53rpx;
	background: url(http://hb.offcn.com/zg/wxxcx/zblo.png) no-repeat center left;
	background-size: 33rpx;
	justify-content: space-between
}
.zbits_w {
	 display: flex;
	 justify-content: start;
	 width: 500rpx;
}
.zbits .td1 {
	color: #000;
	font-size: 26rpx;
	line-height: 55rpx;
}
.zbits .td2 {
	color: #000;
	font-size: 26rpx;
	line-height: 55rpx;
}
.zbits .td3 {
	display: block;
	width: 120rpx;
	height: 40rpx;
	background:#f6564a;
	border-radius: 20rpx;
	color: #fff;
	font-size: 22rpx;
	line-height: 40rpx;
	margin: 0;
	padding:0;
	margin-top: 7.5rpx;
}
.zbits .td1 text {
	color: #ccc;
	font-size: 20rpx;
	margin-left: 15rpx;
	margin-right: 15rpx;
	line-height: 55rpx;
	top: -2px;
	position: relative;
}


.home_zbs {
	width: 750rpx;
	height: auto;
	background:  #fff ;
	/* url(https://626a-bjoffcn-2mqnd-1301971141.tcb.qcloud.la/home/zbzs.png) no-repeat left bottom */
	background-size: 750rpx;
	box-sizing: border-box;
	/* padding-top: 95rpx; */
	margin-top: 20rpx;
	padding-left: 30rpx;
	padding-right: 30rpx;
	/* padding-top: 40rpx; */
	padding-bottom: 30rpx;
	/* box-shadow: 0rpx 0rpx 2rpx rgba(150, 150, 150, 0.3); */
}
.home_zbs .h2 {
	position: relative;
	font-size: 32rpx;
	color: #333;
	font-weight: bold;
	line-height: 31rpx;
	padding-left: 18rpx;
	margin-bottom: 15rpx;

}
.home_zbs .h2::before {
	content:'';
	width: 6rpx;
	height: 28rpx;
	border-radius: 3rpx;
	background: #ff0000;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-14rpx;
}
.home_zbs_tab .page-section-spacing {
	box-sizing: border-box;
	width: 690rpx;
	margin: 0 auto;
	/* height: 550rpx; */
	/* margin-top: 19rpx; */
	/* background: rgba(0, 0, 0, 0.3); */
}
.home_zbs_tab .page-section-spacing>swiper {
	height: 550rpx;
}
.swiper_w  {
	width: 100%;
	display: flex;
	box-sizing: border-box;
	padding-bottom: 20rpx;
	justify-content: space-between;
	border-bottom: 1rpx dashed #eee;
}
.home_zbs_tab .zbits {
	/* display: flex; */
	box-sizing: border-box;
	padding-left: 53rpx;
	background: url(http://hb.offcn.com/zg/wxxcx/boicogai0.png?1) no-repeat left 10rpx top 33rpx;
	background-size: 26rpx;
	/* justify-content: space-between; */
	
}
.home_zbs_tab .zbits_ws {
	 width: 480rpx;
}
.home_zbs_tab .zbits .td1 {
	color: #000;
	font-size: 30rpx;
	line-height: 30rpx;
	margin-top: 30rpx;
	margin-bottom: 15rpx;
}
.home_zbs_tab .zbits .td2 {
	color: #999;
	font-size: 26rpx;
	line-height: 26rpx;
}
.home_zbs_tab .zbits .td3 {
	display: block;
	width: 140rpx;
	height: 45rpx;
	background:#fff3f5;
	border-radius: 23rpx;
	color: #e60012;
	font-size: 24rpx;
	line-height: 45rpx;
	margin: 0;
	padding:0;
	min-height: auto;
	/* margin-top: 24rpx; */
	margin-top: 46.25rpx;
	border: none;
}
.home_zbs_tab .zbits .td3:after {
	content: "";
	border:none;

}
.climore {
    color: #999;
    text-align: center;
    font-size: 22rpx;
    line-height: 28rpx;
    margin: 0 auto;
    background: #fff;
    position: relative;
    top: -2px;
    padding-top: 30rpx;
}

.climore image {
    width: 20rpx;
    height: 20rpx;
    /* vertical-align: middle; */
    margin-right: 10rpx;
}



/* 切换项目 */
.leadPage {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #f1f5f8;
	z-index: 99;
	animation:fadeIn 0.5s  linear ;
}
.leadPageheader {
	width: 580rpx;
	height: 425rpx;
	position: relative;
	margin: 0 auto 0;
	
}
/* .leadPageheader_l {
	flex: 1;
	height: 574rpx;
	background: url(https://626a-bjoffcn-2mqnd-1301971141.tcb.qcloud.la/leadPage/leadpageban_l.jpg?0) no-repeat center right;
	background-size: 375rpx;
	transform-origin: right center;
	animation:men_left3d 1.5s  linear ;
	-webkit-animation:men_left3d 1.5s  linear ;
	-moz-animation:men_left3d 1.5s  linear ;
	-o-animation:men_left3d 1.5s  linear ;
	-ms-animation:men_left3d 1.5s  linear ;
} */
/* .leadPageheader_r {
	flex: 1;
	height: 574rpx;
	background: url(https://626a-bjoffcn-2mqnd-1301971141.tcb.qcloud.la/leadPage/leadpageban_r.jpg?0) no-repeat center left;
	background-size: 375rpx;
	transform-origin: left center;
	animation:men_left3d 1.5s  linear ;
	-webkit-animation:men_left3d 1.5s  linear ;
	-moz-animation:men_left3d 1.5s  linear ;
	-o-animation:men_left3d 1.5s  linear ;
	-ms-animation:men_left3d 1.5s  linear ;
} */
.leadPageheader_l {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(http://hb.offcn.com/zg/wxxcx/loding1.png) no-repeat center ;
	background-size: 580rpx;
	top: 0;
	left: 0;
}
.leadPageheader_r {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(http://hb.offcn.com/zg/wxxcx/loding2.gif) no-repeat center ;
	background-size: 580rpx;
	top: 0;
	left: 0;
}
.leadPageheader_rs {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(http://hb.offcn.com/zg/wxxcx/loding3.gif) no-repeat center ;
	background-size: 580rpx;
	top: 0;
	left: 0;
}
.leadPage_ks {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	box-sizing:border-box;
	padding-left: 30rpx;
	padding-right: 30rpx;
	padding-top: 30rpx;
	animation:fadeInUp 1.5s  linear ;
	position: relative;
	margin-top: 50rpx;
}
.leadPage_ks_its {
	width: 216rpx;
	height: 100rpx;
	background: url(http://hb.offcn.com/zg/wxxcx/iconbg.png) no-repeat center;
	background-size: 216rpx;
	position: relative;
	margin-bottom: 20rpx;
	margin-right: 21rpx;
}
.leadPage_ks_its:nth-child(3n){
margin-right: 0;
}
.leadPage_ks_its image{
	width: 40rpx;
	height: 40rpx;
	vertical-align: middle;
	margin-top: 28rpx;
	margin-left: 10rpx;
}
.leadPage_ks_its text{
	display: inline-block;
	font-size: 26rpx;
	text-align: center;
	color: #333333;
	position: relative;
	top: 15rpx;
	left: 10rpx;
}
/* 底部动效 */
.leadPage_foot {
	position: fixed;
	bottom: -100rpx;
	left: 50%;
	width: 1000rpx;
	margin-left: -500rpx;
	height: 200rpx;
	transition: all .35s ease;
	animation:fadeInUp 1.5s  linear ;
}
.wave {
position: absolute;
z-index: 3;
right: 0;
bottom: 0;
opacity: 0.725;
height: 260rpx;
width: 2250rpx;
animation: wave 3s linear infinite;
}
.wave-bg {
z-index: 1;
animation: wave-bg 3s linear infinite;
}
@keyframes wave{
from {transform: translate3d(125rpx,0,0);}
to {transform: translate3d(1125rpx,0,0);}
}
@keyframes wave-bg{
from {transform: translate3d(375rpx,0,0);}
to {transform: translate3d(1375rpx,0,0);}
}

/* 公司 */
.gs {
	width: 100%;
	height: 50rpx;
	line-height: 50rpx;
	color: #fff;
	font-size: 28rpx;
	text-align: center;
	letter-spacing: 2rpx;
	position: absolute;
	bottom: 130rpx;
	left: 0;
	right: 0;
	z-index: 999;
}
/* 开书特效 */
@keyframes men_left3d {
	0%{
			transform: rotate3d(0,1,0,90deg);
			opacity: 0;
	}
	20%{
			transform: rotate3d(0,1,0,72deg);
			opacity: 0.2;
	}
	40%{
			transform: rotate3d(0,1,0,54deg);
			opacity:0.4;
	}
	60%{
			transform: rotate3d(0,1,0,36deg);
			opacity: 0.6;
	}
	80%{
			transform: rotate3d(0,1,0,18deg);
			opacity: 0.8;
	}
	100%{
			transform: rotate3d(0,1,0,0deg);
			opacity: 1;
	}
}
/* fadeInUp */
@keyframes fadeInUp {
0% {
	opacity: 0;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
.cate-tab {
  gap: 15rpx;
  width: 100%;
  height: 8 0rpx;
  display: flex;
  position: relative;
  background: #ff0000;
  align-items: center;
  padding: 0 15rpx 20rpx;
  justify-content: flex-start;
}

.cate-tab.fixed {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  height: 60rpx;
  background: #fff;
  z-index: 999
}
.cate-tab .noactive3 {
  height: 60rpx;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  color: #fff;
  font-size: 28rpx;
  line-height: 60rpx;
}

.cate-tab .active3 {
  display: inline-block;
  height: 60rpx;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  font-size: 32rpx;
  line-height: 60rpx;
	font-weight: bold;
}
.cate-tab .active3 view {
	width: 40rpx;
	height: 4rpx;
	margin: 0 auto;
	background: #fff;
	border-radius: 10rpx;
}

.active3:before {
  content: '';
  position: absolute;
  display: block;
  width: 40rpx;
  height: 6rpx;
  border-radius: 3rpx;
  left: 50%;
  margin-left: -20rpx;
  bottom: 1rpx;
  /* background: url(http://hb.offcn.com/zg/wxxcx/ios_r.png) no-repeat; */
  background-size: 40rpx;
}
.zdBanner {
	border-bottom-left-radius: 20%;
	border-bottom-right-radius: 20%;
	overflow: hidden;
}
.fzdBanner {
	width: 700rpx;
	height: 240rpx;
	margin: -10% auto 0;
	border-radius: 20rpx;
}
.video_box {
	width: 650rpx;
	margin: 0 auto;
	border-radius: 20rpx;
	padding: 15rpx 25rpx 10rpx 25rpx;
	box-shadow: 0px 3px 3px #e3e3e3,0px -3px 3px #e3e3e3,3px 0px 3px #e3e3e3,-3px 0px 3px #e3e3e3;
}
.zbzq_box {
	display: flex;
	align-items: center;
	border-bottom:1px solid #ccc;
}
.video0225 {
	width: 40rpx;
	height: 40rpx;
	padding-bottom: 6rpx;
	display: inline-block;
}
.zbzq {
	font-size:28rpx;
	margin-left: 5rpx;
	line-height: 40rpx;
	font-weight: bold;
	padding-bottom: 6rpx;
}
.zbzqred {
	color: #fd3a35;
}
.zbzq_lists {
	display: flex;
	align-items: center;
}
.zbzq_lists_img {
	width: 26rpx;
	height: 26rpx;
	margin-right: 6rpx;
	display: inline-block;
}
.zbztTitle {
	width: 55%;
	height: 60rpx;
	font-size: 26rpx;
	line-height: 60rpx;
	margin-right: 6rpx;
	display: inline-block;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.border0225 {
	width: 1px;
	height: 35rpx;
	background: #ccc;
}
.zbztTime {
	width: 25%;
	height: 60rpx;
	font-size: 26rpx;
	line-height: 60rpx;
	margin-right: 6rpx;
	display: inline-block;
	padding-left: 6rpx;
}
.lision0225 {
	width: 12%;
	height: 30rpx;
	color: #fff;
	text-align: center;
	line-height: 30rpx;
	border-radius: 60rpx;
	display: inline-block;
	background: linear-gradient(to right,#fc645f,#fd3a35);
}
.lision0225 view {
	display: flex;
	margin-left: 6rpx;
	align-items: center;
	justify-content: center;
}
.lision0225_img {
	width: 15rpx;
	height: 15rpx;
	display: inline-block;
}
.lision0225 text {
	font-size: 20rpx;
	display: inline-block;
}